<!DOCTYPE html>
<html ng-app="myApp">
	<head>
		<meta charset="utf-8">
		<title>Simple app</title>
		<script type="text/javascript" src="../angular.min.js"></script>
	</head>
	<body  ng-controller="PCtrl">
				<div id="" ng-controller="CCtrl">
					<a ng-click="sayHello()">say Hello</a>
				</div>
				{{person}}
		</div>
		<script type="text/javascript" src="../jquery-1.11.0.js"></script>
		<script type="text/javascript">
		//可以在$scope作用域 中声明一个变量为一个对象
//		var app = angular.module('myApp',[]);
//		app.controller('MyCtrl',function($scope){
//			$scope.person = {
//				name:'Ari Lerner'
//			}
//		})
		/*
		 * 控制器嵌套
		 * 除了孤立的作用域外，所有作用域通过原型继承而来，也就是说它们都可以访问父级的作用域。
		 * 
		 * 这里将CCtrl控制器放在了PCtrl控制器
		 * 那么当CCtrl控制器找不到person这个对象的时候他就会去
		 * PCtrl控制器中的$scope作用域中查询这个对象
		 * 找到了这个对象再添加一个属性$scope.person.name = 'Ari Lerner'
		 */
		var app = angular.module('myApp',[]);
		app.controller('PCtrl',function($scope){
			$scope.person = {
				greeted:false
			}
		});
		app.controller('CCtrl',function($scope){
			$scope.sayHello = function(){
				$scope.person.name = 'Ari Lerner';
			}
		});
		
		</script>
	</body>
</html>
